<template>
  <div>
    <span>{{ item.title }}</span>
    &nbsp;
    <span>(数量 {{ item.quantity }})</span>
    &nbsp;
    <button :disabled="!item.inventory" href="#" @click="addProductToCart(item)">增加</button>
    &nbsp;
    <button href="#" @click="delProductFromCart(item)">减少</button>
  </div>
</template>

<script>
// import event from "../event";
import { mapActions } from 'vuex'
export default {
  props: {
    item: {
      type: Object,
      default() {
        return {
        };
      },
    },
  },
  // methods: 
  // // {
  // //   addClickHandler(id, e) {
  // //     e.preventDefault();
  // //     event.$emit("addToCart", id);
  // //   },
  // //   delClickHandler(id, e) {
  // //     e.preventDefault();
  // //     event.$emit("delFromCart", id);
  // //   },
  // // },
  // mapActions('cart',[
  //   'addProductToCart',
  //   'delProductFromCart'
  // ]),
  methods: mapActions('cart',[
    'addProductToCart',
    'delProductFromCart'
  ]),
};
</script>